<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为</title>
    <link rel="stylesheet" href="./css/yemian.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/loadly/jquery.lazyload.js"></script>
    <script src="./js/lodash.js"></script>
    <script src="./js/pictor.js"></script>
    <script src="./js/lazy.js"></script>
    <script src="./js/ding.js"></script>
    <script src="./js/loucheng.js"></script>
    <script src="./js/fiexed.js"></script>
</head>
<body>
    <div class="info">
        <div class="All">
            <div class="left">
                <ul class="left-content">
                    <li><a id="title" href="./index.html">首页</a>
                        <span>|</span>
                    </li>
                    <li><a id="title" href="">华为官网</a>
                        <span>|</span>
                    </li>
                    <li><a id="title" href="">花粉俱乐部</a>
                        <span>|</span>
                    </li>
                    <li><a id="title" href="">V码(优购码)</a>
                        <span>|</span>
                    </li>
                    <li><a id="title" href="">企业购</a>
                        <span>|</span>
                    </li>
                    <li><a id="title" href="">SelectRegion</a>
                        <span>|</span>
                    </li>
                    <li class="h">
                        <div class="parent">
                            <div class="more">
                                <a class="last" href="">更多精彩</a>
                                <i class="fa fa-angle-down" aria-hidden="true"></i>
                            </div>
                            <div class="moret">
                                <dl>
                                    <dt><a href="">HarmonyOS</a></dt>
                                    <dt><a href="">应用市场</a></dt>
                                    <dt><a href="">华为终端云空间</a></dt>
                                    <dt><a href="">开发者联盟</a></dt>
                                </dl>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <script src="./js/index.js"></script>
            <div class="right">
                <ul class="right-content">
                    <li id="msg">
                        <div class="simp" >
                            <!-- <a href="./login.html" id="user">请登录</a> -->
                            <a href="./login.html" id="user">abc123</a>
                        </div>
                    </li>
                    <li>
                        <div class="simp"><a href="./reg.html">注册
                            </a>
                        </div>
                        <div class="gang">|</div>
                    </li>
                    <li>
                        <div class="simp">
                            <a href="">我的订单</a>
                        </div>
                        <div class="gang">|</div>
                    </li>
                    <li>
                        <div class="parent">
                            <div class="more">
                                <a href="" class="m-t">客户服务
                                    <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <div class="moret one">
                                    <dl>
                                        <dt><a href="">服务中心</a></dt>
                                        <dt><a href="">联系客服</a></dt>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="gang">|</div>
                    </li>
                    <li>
                        <div class="parent">
                            <div class="more">
                                <a href="" class="m-t">网站导航
                                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                                </a>
                                <div class="moret two">
                                    <div class="list">
                                        <div class="img a">
                                        </div>
                                        <p class="sc">商城首页
                                        <p>
                                    </div>
                                    <div class="list">
                                        <h1>频道</h1>
                                        <div class="list-inner">
                                            <p><a href="./zhuanqu.html">华为专区</a></p>
                                        </div>
                                        <div class="list-inner">
                                            <p>企业购</p>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <h1>产品</h1>
                                        <div class="list-inner">
                                            <p>手机</p>
                                            <p>平板</p>
                                            <p>智能家居</p>
                                            <p>耳机音箱</p>
                                            <p>生态产品</p>
                                        </div>
                                        <div class="list-inner">
                                            <p>笔记本</p>
                                            <p>智能穿戴</p>
                                            <p>智慧屏</p>
                                            <p>热销配件</p>
                                            <p>增值服务</p>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <h1>增值服务</h1>
                                        <div class="list-inner">
                                            <p>以旧换新</p>
                                            <p>一口价换电池</p>
                                        </div>
                                        <div class="list-inner">
                                            <p>补够保障</p>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <h1>会员</h1>
                                        <div class="list-inner">
                                            <p>会员频道</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="gang">|</div>
                    </li>
                    <li>
                        <div class="parent">
                            <div class="more">
                                <a href="" class="m-t">手机版<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <div class="moret three">
                                    <div class="list">
                                        <div class="img up">
                                        </div>
                                        <div class="inner">
                                            <h1>华为商城APP</h1>
                                            <p>新人专享好礼
                                                最高5000积分</p>
                                            <div class="l"></div>
                                            <div class="m"></div>
                                            <div class="r"></div>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <div class="img md">
                                        </div>
                                        <div class="inner">
                                            <h1>华为商城公众号</h1>
                                            <p>微信扫一扫</p>
                                            <div class="m"></div>
                                        </div>
                                    </div>
                                    <div class="list">
                                        <div class="img bt">
                                        </div>
                                        <div class="inner">
                                            <h1>微信小程序</h1>
                                            <div class="m"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="gang">|</div>
                    </li>
                    <li>
                        <div class="parent">
                            <div class="more">
                                <i class="fa fa-shopping-cart" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
                                <a href="./cat.html" class="m-t">购物车(0)</a>
                                <div class="moret four">
                                    <div class="img"></div>
                                    <p>您的购物车是空的，赶紧选购吧~</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<div>
    <div class="head">
        <div class="headleft">
            <div class="head-left">
                <div class="logo" >
                    <img src="./img/SXppnESYv4K11DBxDFc2.png" alt="">
                </div>
                <div class="sort" >
                    <ul>
                        <li class="title"><a href="">华为专区</a></li>
                        <li class="title"><a href="">莫塞尔专区</a></li>
                        <li class="title"><a href="">华为智选</a></li>
                        <li class="title"><a href="">HarmonyOS</a></li>
                        <li class="title"><a href="">鸿蒙智联</a></li>
                        <li class="title"><a href="">全球甄选</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main-board">
        <div class="main-board-content">
            <!-- 左侧导航栏 -->
            <div class="main-board-content-left">
                <ul class="nav">
                    <li class="nav-content phone">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>手机</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                    </li>
                    <li class="nav-content Magicbook">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>笔记本</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                    </li>
                    <li class="nav-content pad">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>平板</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                    </li>
                    <li class="nav-content VR">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>智能穿戴&VR</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                    </li>
                    <li class="nav-content house">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>智能家居</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                        
                    </li>
                    <li class="nav-content screen">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>智慧屏</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                        
                    </li>
                    <li class="nav-content earphone">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>耳机音箱</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                        
                    </li>
                    <li class="nav-content parts">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>配件</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                        
                    </li>
                    <li class="nav-content ecology">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>生态产品</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                        
                    </li>
                    <li class="nav-content other">
                        <div class="nav-content-list">
                            <div class="title">
                                <a herf=""><span>增值服务&其他</span></a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="swiper">
                <ul class="imgList">
                    <li><img src="./img/1.jpg" alt="" data-original='./img/1.jpg' class="lazy"></li>
                    <li><img src="./img/2.jpg" alt="" data-original='./img/2.jpg' class="lazy"></li>
                    <li><img src="./img/3.jpg" alt="" data-original='./img/3.jpg' class="lazy"></li>
                    <li><img src="./img/4.jpg" alt="" data-original='./img/4.jpg' class="lazy"></li>
                    <li><img src="./img/5.jpg" alt="" data-original='./img/5.jpg' class="lazy"></li>
                </ul>
                <!-- 悬浮按钮 点 -->
                <ol class="dot">
                </ol>
                <!-- 左右焦点按钮 -->
                <div class="arr clear_fix">
                    <div class="button change-button-left"></div>
                    <div class="button change-button-right"></div>
                </div>
            </div>
            <div class="login-middle">
                <ul>
                    <li class="sort sort-a">
                        <a href="">
                            <div class="img">
                                <img class="a lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" data-original='./img/32b46fe090fcab93c1459eae921a2119.png' alt="">
                            </div>
                            <div class="txt sort-txt-a">
                                企业购
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-b">
                        <a href="">
                            <div class="img">
                                <img class="b lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-b">
                                会员领券
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-c">
                        <a href="">
                            <div class="img">
                                <img class="c lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-c">
                                以旧换新
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-d">
                        <a href="">
                            <div class="img">
                                <img class="d lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-d">
                                教育优惠
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-e">
                        <a href="">
                            <div class="img">
                                <img class="e lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-e">
                                新品首发
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-f">
                        <a href="">
                            <div class="img">
                                <img class="f lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-f">
                                智能家居
                            </div>
                        </a>
                    </li>
                    <li class="sort sort-f">
                        <a href="">
                            <div class="img">
                                <img class="f lazy" src="./img/32b46fe090fcab93c1459eae921a2119.png" alt="" data-original='./img/32b46fe090fcab93c1459eae921a2119.png'>
                            </div>
                            <div class="txt sort-txt-f">
                                消息中心
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="containers">
    <div class="main-channel">
        <div class="layout">
            <div class="layout-list a">
                <a href="./details.html?id=1127007"><img src="./img/73730068049516003737.jpg" alt="" data-original="./img/73730068049516003737.jpg" class="lazy"></a>
            </div>
            <div class="layout-list b">
                <a href="./details.html?id=1127007"><img src="./img/65584114079511148556.jpg" alt="" data-original="./img/65584114079511148556.jpg" class="lazy"></a>
            </div>
            <div class="layout-list c">
                <a href="./details.html"><img src="./img/99025165569516152099.jpg" alt="" data-original="./img/99025165569516152099.jpg" class="lazy"></a>
            </div>
            <div class="layout-list d">
                <a href="./details.html"><img src="./img/22075171079517157022.png" alt="" data-original="./img/22075171079517157022.png" class="lazy"></a>
            </div>
        </div>
        <div class="hot-phone">
            <h2>热销单品</h2>
            <div class="./details.html">
                <a href=""><img src="./img/46388204179510288364.png" alt="" data-original='./img/46388204179510288364.png' class="lazy"></a>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png" data-original='./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI P40 Pro+</p>
                        <p class="b">享12期免息</p>
                        <p class="c">￥7988</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png"data-original='./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为麦芒 9</p>
                        <p class="b">首销赠耳机</p>
                        <p class="c">￥2399</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png"data-original='./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 30</p>
                        <p class="b">最高省410元|部分赠配件|...</p>
                        <p class="c">￥2999</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png"data-original='./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀X10 Max</p>
                        <p class="b">12期免息+赠品</p>
                        <p class="c">￥2099</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png"data-original='./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI|Mate 30 5G</p>
                        <p class="b">12期免息|领券立减100</p>
                        <p class="c">￥4499</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png"data-original='./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为畅享Z 5G</p>
                        <p class="b">最高省200+赠耳机</p>
                        <p class="c">￥2199</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png"data-original='./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀Play4</p>
                        <p class="b">6400 万锐力4摄</p>
                        <p class="c">￥1899</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png"data-original='./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 Play4T Pro</p>
                        <p class="b">最高优惠110元</p>
                        <p class="c">￥1499</p>
                    </a>
                </div>
            </div>
        </div>
    <div class="recommend">
        <h2>精品推荐</h2>
        <div class="">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png" alt="" data-original='./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品】华为畅想平板2</p>
            <p class="c">￥1749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png" alt="" data-original='./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png' class="lazy">
                </div>
                <p class="a">100最高抵800+赠耳机</p>
            </div>
            <p class="b">荣耀笔记本Pro 2020新款</p>
            <p class="c">￥4699</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png" alt="" data-original='./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品上市】MatePad 10.8</p>
            <p class="c">￥2749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png" alt="" data-original='./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png' class="lazy">
                </div>
                <p class="a">3期免息</p>
            </div>
            <p class="b">【新品】荣耀平板6 10.1英寸</p>
            <p class="c">￥1399</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png" alt="" data-original='./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png' class="lazy">
                </div>
                <p class="a">特惠预订省50</p>
            </div>
            <p class="b">【新品】华为手环B6</p>
            <p class="c">￥979</p>
        </div>
    
    </div>
    
    
    </div>
    <div class="main-channel">
    <div class="layout">
        <div class="layout-list a">
            <a href="./details.html"><img src="./img/73730068049516003737.jpg" alt="" data-original="./img/73730068049516003737.jpg" class="lazy"></a>
        </div>
        <div class="layout-list b">
            <a href="./details.html"><img src="./img/65584114079511148556.jpg" alt="" data-original="./img/65584114079511148556.jpg" class="lazy"></a>
        </div>
        <div class="layout-list c">
            <a href="./details.html"><img src="./img/99025165569516152099.jpg" alt="" data-original="./img/99025165569516152099.jpg" class="lazy"></a>
        </div>
        <div class="layout-list d">
            <a href="./details.html"><img src="./img/22075171079517157022.png" alt="" data-original="./img/22075171079517157022.png" class="lazy"></a>
        </div>
    </div>
    <div class="hot-phone">
        <h2>爆款推荐</h2>
        <div class="./details.html">
            <a href=""><img src="./img/46388204179510288364.png" alt="" data-original='./img/46388204179510288364.png' class="lazy"></a>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png" data-original='./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">HUAWEI P40 Pro+</p>
                    <p class="b">享12期免息</p>
                    <p class="c">￥7988</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png"data-original='./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">华为麦芒 9</p>
                    <p class="b">首销赠耳机</p>
                    <p class="c">￥2399</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png"data-original='./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀 30</p>
                    <p class="b">最高省410元|部分赠配件|...</p>
                    <p class="c">￥2999</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png"data-original='./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀X10 Max</p>
                    <p class="b">12期免息+赠品</p>
                    <p class="c">￥2099</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png"data-original='./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">HUAWEI|Mate 30 5G</p>
                    <p class="b">12期免息|领券立减100</p>
                    <p class="c">￥4499</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png"data-original='./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">华为畅享Z 5G</p>
                    <p class="b">最高省200+赠耳机</p>
                    <p class="c">￥2199</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png"data-original='./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀Play4</p>
                    <p class="b">6400 万锐力4摄</p>
                    <p class="c">￥1899</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png"data-original='./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀 Play4T Pro</p>
                    <p class="b">最高优惠110元</p>
                    <p class="c">￥1499</p>
                </a>
            </div>
        </div>
    </div>
    <div class="recommend">
        <h2>精品推荐</h2>
        <div class="">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png" alt="" data-original='./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品】华为畅想平板2</p>
            <p class="c">￥1749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png" alt="" data-original='./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png' class="lazy">
                </div>
                <p class="a">100最高抵800+赠耳机</p>
            </div>
            <p class="b">荣耀笔记本Pro 2020新款</p>
            <p class="c">￥4699</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png" alt="" data-original='./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品上市】MatePad 10.8</p>
            <p class="c">￥2749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png" alt="" data-original='./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png' class="lazy">
                </div>
                <p class="a">3期免息</p>
            </div>
            <p class="b">【新品】荣耀平板6 10.1英寸</p>
            <p class="c">￥1399</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png" alt="" data-original='./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png' class="lazy">
                </div>
                <p class="a">特惠预订省50</p>
            </div>
            <p class="b">【新品】华为手环B6</p>
            <p class="c">￥979</p>
        </div>
    
    </div>
    </div>
    <div class="main-channel">
    <div class="layout">
        <div class="layout-list a">
            <a href="./details.html"><img src="./img/73730068049516003737.jpg" alt="" data-original="./img/73730068049516003737.jpg" class="lazy"></a>
        </div>
        <div class="layout-list b">
            <a href="./details.html"><img src="./img/65584114079511148556.jpg" alt="" data-original="./img/65584114079511148556.jpg" class="lazy"></a>
        </div>
        <div class="layout-list c">
            <a href="./details.html"><img src="./img/99025165569516152099.jpg" alt="" data-original="./img/99025165569516152099.jpg" class="lazy"></a>
        </div>
        <div class="layout-list d">
            <a href="./details.html"><img src="./img/22075171079517157022.png" alt="" data-original="./img/22075171079517157022.png" class="lazy"></a>
        </div>
    </div>
    <div class="hot-phone">
        <h2>华为智选</h2>
        <div class="./details.html">
            <a href=""><img src="./img/46388204179510288364.png" alt="" data-original='./img/46388204179510288364.png' class="lazy"></a>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png" data-original='./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">HUAWEI P40 Pro+</p>
                    <p class="b">享12期免息</p>
                    <p class="c">￥7988</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png"data-original='./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">华为麦芒 9</p>
                    <p class="b">首销赠耳机</p>
                    <p class="c">￥2399</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png"data-original='./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀 30</p>
                    <p class="b">最高省410元|部分赠配件|...</p>
                    <p class="c">￥2999</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png"data-original='./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀X10 Max</p>
                    <p class="b">12期免息+赠品</p>
                    <p class="c">￥2099</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png"data-original='./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">HUAWEI|Mate 30 5G</p>
                    <p class="b">12期免息|领券立减100</p>
                    <p class="c">￥4499</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png"data-original='./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">华为畅享Z 5G</p>
                    <p class="b">最高省200+赠耳机</p>
                    <p class="c">￥2199</p>
                </a>
            </div>
        </div>
        <div class="hot-phone-list">
            <div class="up">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png"data-original='./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀Play4</p>
                    <p class="b">6400 万锐力4摄</p>
                    <p class="c">￥1899</p>
                </a>
            </div>
            <div class="bt">
                <a href="./details.html">
                    <div class="img">
                        <img src="./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png"data-original='./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png' class="lazy"
                            alt="./details.html">
                    </div>
                    <p class="a">荣耀 Play4T Pro</p>
                    <p class="b">最高优惠110元</p>
                    <p class="c">￥1499</p>
                </a>
            </div>
        </div>
    </div>
    <div class="recommend">
        <h2>精品推荐</h2>
        <div class="">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png" alt="" data-original='./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品】华为畅想平板2</p>
            <p class="c">￥1749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png" alt="" data-original='./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png' class="lazy">
                </div>
                <p class="a">100最高抵800+赠耳机</p>
            </div>
            <p class="b">荣耀笔记本Pro 2020新款</p>
            <p class="c">￥4699</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png" alt="" data-original='./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png' class="lazy">
                </div>
                <p class="a">限时特惠50元</p>
            </div>
            <p class="b">【新品上市】MatePad 10.8</p>
            <p class="c">￥2749</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png" alt="" data-original='./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png' class="lazy">
                </div>
                <p class="a">3期免息</p>
            </div>
            <p class="b">【新品】荣耀平板6 10.1英寸</p>
            <p class="c">￥1399</p>
        </div>
        <div class="recommend-list">
            <div class="inner">
                <div class="img">
                    <img src="./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png" alt="" data-original='./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png' class="lazy">
                </div>
                <p class="a">特惠预订省50</p>
            </div>
            <p class="b">【新品】华为手环B6</p>
            <p class="c">￥979</p>
        </div>
    </div>
    </div>
    <div class="main-channel">
        <div class="layout">
            <div class="layout-list a">
                <a href="./details.html"><img src="./img/73730068049516003737.jpg" alt="" data-original="./img/73730068049516003737.jpg" class="lazy"></a>
            </div>
            <div class="layout-list b">
                <a href="./details.html"><img src="./img/65584114079511148556.jpg" alt="" data-original="./img/65584114079511148556.jpg" class="lazy"></a>
            </div>
            <div class="layout-list c">
                <a href="./details.html"><img src="./img/99025165569516152099.jpg" alt="" data-original="./img/99025165569516152099.jpg" class="lazy"></a>
            </div>
            <div class="layout-list d">
                <a href="./details.html"><img src="./img/22075171079517157022.png" alt="" data-original="./img/22075171079517157022.png" class="lazy"></a>
            </div>
        </div>
        <div class="hot-phone">
            <h2>鸿蒙智联</h2>
            <div class="./details.html">
                <a href=""><img src="./img/46388204179510288364.png" alt="" data-original='./img/46388204179510288364.png' class="lazy"></a>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png" data-original='./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI P40 Pro+</p>
                        <p class="b">享12期免息</p>
                        <p class="c">￥7988</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png"data-original='./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为麦芒 9</p>
                        <p class="b">首销赠耳机</p>
                        <p class="c">￥2399</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png"data-original='./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 30</p>
                        <p class="b">最高省410元|部分赠配件|...</p>
                        <p class="c">￥2999</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png"data-original='./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀X10 Max</p>
                        <p class="b">12期免息+赠品</p>
                        <p class="c">￥2099</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png"data-original='./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI|Mate 30 5G</p>
                        <p class="b">12期免息|领券立减100</p>
                        <p class="c">￥4499</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png"data-original='./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为畅享Z 5G</p>
                        <p class="b">最高省200+赠耳机</p>
                        <p class="c">￥2199</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png"data-original='./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀Play4</p>
                        <p class="b">6400 万锐力4摄</p>
                        <p class="c">￥1899</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png"data-original='./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 Play4T Pro</p>
                        <p class="b">最高优惠110元</p>
                        <p class="c">￥1499</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="recommend">
            <h2>精品推荐</h2>
            <div class="">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png" alt="" data-original='./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png' class="lazy">
                    </div>
                    <p class="a">限时特惠50元</p>
                </div>
                <p class="b">【新品】华为畅想平板2</p>
                <p class="c">￥1749</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png" alt="" data-original='./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png' class="lazy">
                    </div>
                    <p class="a">100最高抵800+赠耳机</p>
                </div>
                <p class="b">荣耀笔记本Pro 2020新款</p>
                <p class="c">￥4699</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png" alt="" data-original='./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png' class="lazy">
                    </div>
                    <p class="a">限时特惠50元</p>
                </div>
                <p class="b">【新品上市】MatePad 10.8</p>
                <p class="c">￥2749</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png" alt="" data-original='./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png' class="lazy">
                    </div>
                    <p class="a">3期免息</p>
                </div>
                <p class="b">【新品】荣耀平板6 10.1英寸</p>
                <p class="c">￥1399</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png" alt="" data-original='./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png' class="lazy">
                    </div>
                    <p class="a">特惠预订省50</p>
                </div>
                <p class="b">【新品】华为手环B6</p>
                <p class="c">￥979</p>
            </div>
        </div>
    </div>
    <div class="main-channel">
        <div class="layout">
            <div class="layout-list a">
                <a href="./details.html"><img src="./img/73730068049516003737.jpg" alt="" data-original="./img/73730068049516003737.jpg" class="lazy"></a>
            </div>
            <div class="layout-list b">
                <a href="./details.html"><img src="./img/65584114079511148556.jpg" alt="" data-original="./img/65584114079511148556.jpg" class="lazy"></a>
            </div>
            <div class="layout-list c">
                <a href="./details.html"><img src="./img/99025165569516152099.jpg" alt="" data-original="./img/99025165569516152099.jpg" class="lazy"></a>
            </div>
            <div class="layout-list d">
                <a href="./details.html"><img src="./img/22075171079517157022.png" alt="" data-original="./img/22075171079517157022.png" class="lazy"></a>
            </div>
        </div>
        <div class="hot-phone">
            <h2>华为专区</h2>
            <div class="./details.html">
                <a href=""><img src="./img/46388204179510288364.png" alt="" data-original='./img/46388204179510288364.png' class="lazy"></a>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png" data-original='./img/428_428_C5B3EEB31BA081CF605FE04A1118DEF332F4C3003CC60ECEmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI P40 Pro+</p>
                        <p class="b">享12期免息</p>
                        <p class="c">￥7988</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png"data-original='./img/428_428_6FFC78861B766C5598621C14D0FECC7B7A641C64147160D2mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为麦芒 9</p>
                        <p class="b">首销赠耳机</p>
                        <p class="c">￥2399</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png"data-original='./img/428_428_3F15B3F159FCB2929091EAD02F81B3E9156F0B2FE71F8433mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 30</p>
                        <p class="b">最高省410元|部分赠配件|...</p>
                        <p class="c">￥2999</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png"data-original='./img/428_428_3350888FD6EA6D30D5F0E99DA3C0D0B15A3BD92523AF0F0Cmp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀X10 Max</p>
                        <p class="b">12期免息+赠品</p>
                        <p class="c">￥2099</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png"data-original='./img/428_428_6381399AD1BADEB91EBD63AF4EAE62016C58317DDEB7C5C4mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">HUAWEI|Mate 30 5G</p>
                        <p class="b">12期免息|领券立减100</p>
                        <p class="c">￥4499</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png"data-original='./img/428_428_AEEDD8A45E7E18EA7F10E0386C1104EEB994C561C391C803mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">华为畅享Z 5G</p>
                        <p class="b">最高省200+赠耳机</p>
                        <p class="c">￥2199</p>
                    </a>
                </div>
            </div>
            <div class="hot-phone-list">
                <div class="up">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png"data-original='./img/428_428_11B9905C1BEED75A300A7A6B70612208DAA32DE91D8F7372mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀Play4</p>
                        <p class="b">6400 万锐力4摄</p>
                        <p class="c">￥1899</p>
                    </a>
                </div>
                <div class="bt">
                    <a href="./details.html">
                        <div class="img">
                            <img src="./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png"data-original='./img/428_428_E008716749454F878551D09785164FA1DD1742C36857F752mp.png' class="lazy"
                                alt="./details.html">
                        </div>
                        <p class="a">荣耀 Play4T Pro</p>
                        <p class="b">最高优惠110元</p>
                        <p class="c">￥1499</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="recommend">
            <h2>精品推荐</h2>
            <div class="">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png" alt="" data-original='./img/428_428_943DF2FA4B0A8337A9C29AD466CB6BB1A44814B09A302482mp.png' class="lazy">
                    </div>
                    <p class="a">限时特惠50元</p>
                </div>
                <p class="b">【新品】华为畅想平板2</p>
                <p class="c">￥1749</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png" alt="" data-original='./img/428_428_402A96A0183A6ACBF7A0E15B06C8C8ED98E1750C9D6A122Dmp.png' class="lazy">
                    </div>
                    <p class="a">100最高抵800+赠耳机</p>
                </div>
                <p class="b">荣耀笔记本Pro 2020新款</p>
                <p class="c">￥4699</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png" alt="" data-original='./img/428_428_7E2E49170E075F651B23657D6EBCE77CBB6E8FFDF315EB21mp.png' class="lazy">
                    </div>
                    <p class="a">限时特惠50元</p>
                </div>
                <p class="b">【新品上市】MatePad 10.8</p>
                <p class="c">￥2749</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png" alt="" data-original='./img/428_428_0A42B25669DB37B02A8939D1416868D0A54CF9821F961EAFmp.png' class="lazy">
                    </div>
                    <p class="a">3期免息</p>
                </div>
                <p class="b">【新品】荣耀平板6 10.1英寸</p>
                <p class="c">￥1399</p>
            </div>
            <div class="recommend-list">
                <div class="inner">
                    <div class="img">
                        <img src="./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png" alt="" data-original='./img/428_428_3E4CBDE1F2786A559FB292A742C02DB332C5BFC42F212AA4mp.png' class="lazy">
                    </div>
                    <p class="a">特惠预订省50</p>
                </div>
                <p class="b">【新品】华为手环B6</p>
                <p class="c">￥979</p>
            </div>
        </div>
    </div>
</div>
<div class="gift">
<div class="gift-content">
    <img src="./img/awBg2nLycya1sSIX1juQ.jpg" alt="" data-original='./img/awBg2nLycya1sSIX1juQ.jpg' class="lazy">
</div>
</div>

<footer>
    <div class="container">
        <ul class="top">
            <li>
                <a href="#">
                    <i></i>
                    <span>百强企业 品质保证</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>7天退货 15天换货</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>48元起免运费</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>2000家服务店 全国联保</span>
                </a>
            </li>
        </ul>
        <div class="center">
            <div class="left">
                <dl class="s1">
                    <dt>
                        <p class="title">
                            购物相关
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">购物指南</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">配送方式</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">支付方式</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">常见问题</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s2">
                    <dt>
                        <p class="title">
                            保修与退换货
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">保修政策</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">退换货政策</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">保修状态查询</a>
                            </li>
                            <li>
                                <a target="_blank" href="" rel="nofollow">配件防伪查询</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s3">
                    <dt>
                        <p class="title">
                            维修与技术支持
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">服务店</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">预约维修</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">手机寄修</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">备件价格查询</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">上门服务</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s4">
                    <dt>
                        <p class="title">
                            特色服务
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">防伪查询</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">补购保障</a>
                            </li>
                            <li>
                                <a target="_blank" href="" rel="nofollow">以旧换新</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">礼品包装</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s5">
                    <dt>
                        <p class="title">
                            关于我们
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">公司介绍</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">华为商城简介</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">华为零售店</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">商家中心</a>
                            </li>
                            <li>
                                <a href="" class="js-feedback" title="意见反馈">意见反馈</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s6">
                    <dt class="relative">
                        <p class="title">友情链接</p>
                    </dt>
                    <dd class="">
                        <div class="service-list">
                            <ol>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为集团</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为CBG官网</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">花粉俱乐部</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为云</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为应用市场</a>
                                </li>
                                <li>
                                    <a href="" target="_blank"
                                        rel="noopener">华为心声社区</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为海洋</a>
                                </li>
                            </ol>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="right">
                <div class="t1">950805</div>
                <div class="t2">7x24小时客服热线（仅收市话费）</div>
                <div class="t3">
                    <a href="#">
                        <i class="iconfont icon-webicon302"></i>
                        <span>在线客服</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="logo-title">
                <a href="">
                    <img src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" title="华为商城" data-original='https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png' class="lazy"></a>
            </div>
            <div class="center-f1">
                <div class="fl">
                    <ul class="footer-warrant-link">
                        <li>
                            <a href="">华为集团</a>
                        </li>
                        <li>
                            <a href="">华为CBG官网</a>
                        </li>
                        <li>
                            <a href="">花粉俱乐部</a>
                        </li>
                        <li>
                            <a href="">华为应用市场</a>
                        </li>
                        <li>
                            <a href="">HarmonyOS</a>
                        </li>
                        <li>
                            <a href="">华为终端云空间</a>
                        </li>
                        <li>
                            <a href="">开发者联盟</a>
                        </li>
                        <li>
                            <a href="">华为商城手机版</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ul>
                    <a href=""
                        rel="nofollow" target="_blank" title="隐私声明">隐私声明</a> <a
                        href=""
                        rel="nofollow" target="_blank" title="服务协议">服务协议</a> <a
                        href=""
                        rel="nofollow" target="_blank" title="COOKIES">COOKIES</a> Copyright © 2012-<span
                        id="j-copyrightyear">2021</span> 华为终端有限公司 版权所有 <a href=""
                        target="_blank">粤ICP备19015064号</a><em>|</em><a
                        href=""
                        target="_blank">粤公网安备
                        44190002003939号</a><br>增值电信业务经营许可证：粤B2-20190762<em>|</em>备案主体编号：44201919072182<em>|</em>粤新出网备（2021）2号<br><a
                        target="_blank"
                        href="">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
                    | 粤东食药监械经营备20203930
                </div>
            </div>
            <p class="fr footer-warrant-img">
                <a class="fl" href=""
                target="_blank"><img alt="电子营业执照"
                    src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png"title="电子营业执照" data-original='https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png' class="lazy">
                </a>
            </p>
        </div>
    </div>
</footer>
<div class="hung-top">
    <div class="hung">
        <div class="content">
            <div class="common">
                <a target="_blank" href="./cat.html" class="cart">
                    <i>购物车</i>
                </a>
                <a href="" class="top">
                    <i>返回顶部</i>
                </a>
            </div>
            <div class="commons">
                <a href="" class="bottoms">
                    <img src="./img/transhforY.png" alt="">
                    <i>返回底部</i>
                </a>
            </div>
        </div>
    </div>
</div>

<ul class="fixedNav">
    <li class="active">热销单品</li>
    <li>爆款推荐</li>
    <li>华为智选</li>
    <li>鸿蒙智联</li>
    <li>华为专区</li>
</ul>

</body>
</html>